/**
 * Created by laiyuanjin on 15-9-12.
 */
$(document).ready(function() {


  var stats = 0;

  /*
   * 前端显示预览
   * 文件正确性判断
   *
   * */
  $("#file").change(function(){
    //过滤器，主要控制文件大小和格式
    var imgfilter = function(size,filepath){
      if(filepath){
        var fileArr=filepath.split("\\");
        var fileTArr=fileArr[fileArr.length-1].toLowerCase().split(".");
        var filetype=fileTArr[fileTArr.length-1];
        if(filetype!="png"&&filetype!="jpg"&&filetype!="jpeg"&&filetype!="PNG"&&filetype!="JPG"&&filetype!="JPEG"){
          return 1;   //文件格式不正确
        }else if(size>2*1024*1024){
          return 2;   //文件大小不正确
        }else{
          return 3;   //基本无错误
        }
      }else{
        return 4;    //未知错误
      }

    };


    //建立一個可存取到該file的url
    var getObjectURL=function(file) {
      var url = null ;
      if (window.createObjectURL!=undefined) { // basic
        url = window.createObjectURL(file) ;
      } else if (window.URL!=undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file) ;
      } else if (window.webkitURL!=undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file) ;
      }
      return url ;
    };




    var objUrl = getObjectURL(this.files[0]) ;
    //测使用代码
    //console.log("objUrl = "+objUrl);
    //console.log(this.value);

    stats = imgfilter(this.files[0].size,this.value);

    if(stats == 3){   //符合条件的文件
      $("#img0").attr("src", objUrl).attr("style","width: 110px; height: 110px;");

      $("#uploadmessage").html("<p>OK</p>");
      //测使用代码
      //console.log(this.files[0]);

    }else if(stats == 2){  //要小于2M！
      $("#uploadmessage").html("<p>要小于2M！</p>");
    }else if(stats == 1){  //请使用jpg,jpeg,png格式
      $("#uploadmessage").html("<p>请使用jpg,jpeg,png格式</p>");
    }else{   //未知错误
      $("#uploadmessage").html("<p>未知错误</p>");
    }
  });



  var showResponse = function(responseText,statusText){
    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
    '\n\nThe output div should have already been updated with the responseText.');
  };

  var options = {
    target: "#uploadmessage",
    url: "uploader.php",
    type: "POST",
    success: showResponse,
    resetForm: false,
    clearForm: true
  };

  $('#myForm').submit(function(){
    if(stats == 3){
      $(this).ajaxSubmit(options);
    }else {
      $(this).ajaxSubmit({
        beforeSubmit: false
      });
    }

    return false;
  });



});